<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:include="include :: header('首页')"/>
    <link rel="stylesheet" th:href="@{/static/admin/css/other/console1.css}"/>
</head>
<body class="pear-container">
<form class="layui-form">
<div class="layui-fluid" style="margin: 20px auto">
    <div class="layui-row layui-col-space10">
        <!--           项目统计 开始 -->
        <div class="layui-col-md12" >
            <!--                卡片1-->
            <div class="layui-card">
                <br>
                <h4 align="center" style="font-size: large">立项统计</h4><br>
                <!--            立项数据开始-->
                <div class="layui-col-md4" th:each="item:${applyList}">
                    <!--                卡片1-->
                    <div class="layui-card">
                        <div class="layui-card-header" style="text-align: center">
                            <i class="layui-icon layui-icon-file"></i>
                            <span th:text="${item.header}"></span>
                        </div>
                        <div class="layui-card-body">
                            <div style="text-align: center;font-size: 20px" th:text="${item.number}"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--            立项数据结束-->

    <div class="layui-row layui-col-space10">
        <!--           项目统计 开始 -->
        <div class="layui-col-md12" >
            <!--            结项数据开始-->
            <br> <br>
            <div class="layui-card">
                <br>
                <h4 align="center" style="font-size: large">结项统计</h4><br>
                <div class="layui-col-md4" th:each="item:${finishList}">
                    <!--                卡片1-->
                    <div class="layui-card">
                        <div class="layui-card-header" style="text-align: center">
                            <i class="layui-icon layui-icon-file-b"></i>
                            <span th:text="${item.header}"></span>
                        </div>
                        <div class="layui-card-body">
                            <div style="text-align: center;font-size: 20px" th:text="${item.number}"></div>
                        </div>
                    </div>
                </div>
                <!--            结项数据结束-->
            </div>
        </div>
        <!--           项目统计 结束 -->
    </div>
</div>
</form>

<script type="text/html" >


</script>









<th:block th:include="include :: footer"/>
<script>
    layui.use(['layer', 'table','echarts', 'element', 'count', 'topBar','code','form','laydate'], function () {
        var laydate = layui.laydate;
        let table = layui.table;
        let MODULE_PATH = rootPath + "/ServiceController";
        let form = layui.form;
        let $ = layui.jquery;

        //同时绑定多个
        lay('.datetime-input').each(function () {
            laydate.render({
                elem: this
                , trigger: 'click'
                , type: 'year'
            });
        });



        form.on('select(selectYear)', function (data) {
            // console.log($("#sheng").val())
            var year = $("#selectYear option:selected").val();

            $.ajax({
                url: MODULE_PATH + '/viewSkl/' + year,
                data: data.field,
                dataType: 'json',
                contentType: 'application/x-www-form-urlencoded',
                type: 'get',
                success: function (data) {
                    var projectWrapperList = data.projectWrapperList;
                    $("#applyProjectSize").val(projectWrapperList[0].proSize);

                }
            })

                form.render('select');//select是固定写法 不是选择器

        });






    });
</script>
</body>
</html>
